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BLS Website Style Guide 


Intro 

Welcome to the BLS Website Style Guide. The style guide governs the rules and standards for all 
content that is hosted on www.bls.gov and data.bls.gov. 

The guidelines outlined in the BLS Style Guide were established to ensure BLS maintains a 
professional appearance/presence and addresses the accessibility issues based on Section 508 
requirements for the World Wide Web (WWW], Developing HTML documents under these 
guidelines will provide a framework on which to build a user friendly system to serve the wide 
range of BLS customers including students, researchers, government employees, journalists, 
congressional staff, and persons with disabilities. 

The BLS Style Guide is in compliance with the DOL's Web site standards: 

o http://www.labornet.dol.gov/eci/policies/design.htm 
The BLS web site must also adhere to the Lederal web site requirements and best practices: 
o http://www.usa.gov/webcontent/reqs_bestpractices.shtml 
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Editorial Style 

Style Guide 

bls.gov is subject to the style standards set-forth in the BLS Style Guide: 



• OPUBBS plans to release a Web Editorial Style Guide in the future 

Web Style 

• Exceptions to the BLS Print Style: 

o In titles & headlines, the word "and" can be expressed as 

• Capitalization of Headings: 

o Use Title Case (in which the first letter of each word is capitalized, except for short 
articles, prepositions, and conjunctions !. Example: Labor Force Statistics from the 
Current Population Survey 

Writing for the Web 

• Use headings and subheads to chunk content 

• Visually represent hierarchies in content by using outlines, bullets, & indentation 

• Keep paragraphs short 

• More Information: 

o http://www.usa.gov/webcontent/managing content/writing and editing.shtml 
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Character count for the BLS Feature, Factoid, and Slots titles 


FACTOID 

w/ title 

w/o title 

Title (1 line) 

16-18 

N/A 

Fact 

86-89 (3 lines) 

116-119 (4 lines) 


BLS FEATURE 

box 

1 line title 

2 line title 

Title 

30-34 

64-67 

Text 

166-169 (2 
lines) 

120-124 (3 lines) 


GRID Box titles (slots) 


34-36 characters (1 line) characters 


Headline Files 

Headlines will be used in various ways. They will display prominently on the BLS Web site, 
including on the main BLS homepage. In the future, headlines may also be used in RSS feeds (a 
syndication service to which other Web sites can subscribe), as Tweets, or in Facebook updates. 

The headline will contain the highlight or lead from the news release; the maximum length is 
90 characters, including spaces. This limit is approximately 10-12 words long. 


Note: On the Review tab, in the Proofing Group in MS Word (Review>Word Count) has a word 
count option that will give the number of characters with and without spaces. Be sure to look 
at the count with spaces. 


Best practices: 

A good headline will contain: 
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1. The headline data item(s). For example, in the Employment Situation news release, 
there are 2 headline items—the unemployment rate and the payroll employment 
change. 

2. The headline number(s). Please be sure to state the actual number or change, rather 
than only using words like "essentially unchanged". 

For example, if in the release text we characterize the unemployment rate as being 
essentially unchanged at 9.5 percent, it is preferable for the headline to say: 

Unemployment rate at 9.5% in December; Employment rises by 200,000 

OR 

Unemployment rate essentially unchanged at 9.5% in December; Employment 
rises by 200,000 


BUT NOT 

Unemployment rate essentially unchanged in December; Employment rises by 

200,000 


3. The reference period. The time period used in the release. Ex. June, July, 3 rd quarter, 
etc. 

Because of the tight length limitations and the nature of a headline, some conventional news 
release style guidelines will be waived: 

• In place of the word "percent", the percent sign (%) may be used 

• Ordinal numbers (first, second, etc.) may be abbreviated to 1 st , 2 nd , etc. 

• Months may be abbreviated. 

• Consumer Price Index and Producer Price Index may be abbreviated to CPI and PPI, 
respectively. 

• If the release is in the same calendar year as the reference period, the year may be 
omitted. 

• Where possible, try to use the present tense. Ex. CPI rises 0.6% in August, rather than 
CPI rose 0.6% in August. 

Because headline texts will be used both on the BLS Web site and in other communication 
channels, the following rules apply: 

• Do not use returns (hard returns or soft returns) or line breaks. Words and sentences 
should be separated with one space 

• Do not use FITML code such as <p>, &nbsp;, &mdash;, etc. Headline texts should consist 
of ordinary words and punctuation 

• Do not use a terminating period. 
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Exceptions: 

Some releases, by their nature, do not have an obvious headline number. Some examples of 
these releases are the Regional and State Employment and Unemployment release, the 
Metropolitan Area Employment and Unemployment release and the Quarterly Census of 
Employment and Wages release. For the time being, these 3 releases are exempt from 
providing a headline. In its place, the release title will be shown on the BLS home page. 
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Designing for our Users 

Identify Your Target Audience 

Examples: 

• Job Seeker 

o Career Chooser 

• Career counselors & teachers, students 

• Data Seeker 

o Journalist 

o Economist / Researchers 
o Bankers / Investors 
o Business Managers & Owners 
o Wage Earners 
o Public Policy Makers 

• Survey Respondents 

Understanding Our User's Needs 

• While authoring web pages, keep in mind: 

o What are our visitors looking for 
o Improving customer satisfaction 

• Continuously review your program's web content: 

o Review all pages regularly and look for ways to improve each page 
o Create test scenarios and see if you can find what you are looking for 
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Quality, Usability, & Accessibility 

Quality 

• Web update procedures are design to guarantee www.bls.gov is as high-quality as possible 

• All BLS web pages MUST be approved by the editorial staff in OPUBSS (Web_Review) 

Usability 

• We designed bls.gov for "Discoverability" 

• Common navigation elements: 

o Tabs 

o Drop-down menus 
o Left-hand navigation 
o Top-right search 
o Bottom quick links 

Bls.gov is Now More Accessible for: 

• Visually Impaired (Poor Vision, Color Blind, & Blind] 

o Resizable text 

o Color palette is designed so each color is a different brightness 
o Testing the site with screen reader 

• Hearing Impaired 

o Captions for video and audio contents 

• Low-bandwidth 

o Minimal graphics 

• Mobile devices 

o Mobile Style sheet to be added in the future 
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BLS Section 508 Guidelines 

Making Our Website Accessible - Section 508 

The BLS website must comply with these web accessibility standards for all electronic and 
information technology acquired on June 21, 2001. Section 508 applies to Federal departments and 
agencies. 

Below are lists of standards that must be followed to address the accessibility issues within BLS: 

• A text equivalent for every non-text element shall be provided. 

o Every image, Flash and Java applet must have an alternative (ALT) description, 
o Complex graphics (graphs, charts, etc) are accompanied by detailed text 
descriptions. 

o Alternative descriptions describe the purpose of the objects, without being too 
verbose (for simple objects) or too vague (for complex objects) 

• Web pages shall be designed so that all information conveyed with color is also 
available without color, for example from context or markup. 

o If color is used to convey important information, an alternative indicator is used, 
o Make sure your Web page can be viewed on a monochrome or grayscale monitor. 

• Documents shall be organized, so they are readable without requiring an associated 
style sheet. 

o Style sheets may be used for color, indentation and other presentation effects, but 
the document is still understandable (even if less visually appealing) when the style 
sheet is turned off. 

• Client-side image maps shall be provided. 

o Standard HTML client-side image maps are used, and appropriate alt tags are 
provided for the image as well as the hot spots. 

• Use relative sizing (% values) rather than absolute (pixels) in HTML tables. 

For example: 


ctable border="0" width="100%"> instead of 
<table border= M 0 M width="640 M > 

• Graphics should be no more than 720 pixels wide. 

• Row and column headers shall be identified for data tables. 

o Data tables have the column and row headers appropriately identified (using the <th> 
tag) Tables used strictly for layout purposes do NOT have header rows or columns. 
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• Markup shall be used to associate data cells and header cells for data tables that have 
two or more logical levels of row or column headers. 

o Table cells are associated with the appropriate headers (e.g. with the id, headers 
HTML attributes] 

o Please see the Tables section of this guide for information on how to use LABSTAT 
tools to create data tables that are properly formatted. 

• A text-only page, with equivalent information or punctuality, shall be provided to 
make a web site comply with the provisions of this part, when compliance cannot be 
accomplished in any other way. The text-only page shall be updated whenever the 
primary page changes. 

o A text-only version is created only when there is no other way to make the content 
accessible or when it offers significant advantages over the "main" version for 
certain disability types. 

o The text-only version is up-to-date with the "main" version. 

• A method shall be provided that permits users to skip repetitive navigation links. 

o A link is provided to skip over lists of navigational menus or other lengthy lists of 
links. 


Helpful Section 508 Links: 

DOL Guidelines: 

• http://www.labornet.dol.gov/eci/usability/508-main.htm 

DOL’s Section 508 Implementation is based on: 

• http://www.access-board.gov/508.htm 

Web Accessibility Initiative (WAI) Guidelines and Techniques: 

• http://www.w3.org/WAI/guid-tech.html 

WebAIM Section 508 Checklist: 

• http://www.webaim.org/standards/508/checklist 
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Brand & Identity 

The BLS Website should promote the BLS brand & identity of the Bureau of Labor Statistics. All 
content on the website should be formatted consistently to enforce the BLS brand & Identity. 

BLS is: 

• Impartial 

• Accurate 

• Confidential 

• Timely 

• Relevant 

• Credible 

What Do We Do? 

• Collect, 

• Process, 

• Analyze, and 

• Disseminate Labor Statistics 

To reinforce the BLS brand, and to maintain constituency and harmony throughout BLS web site, no 
program specific logo or emblems will be posted on bls.gov. 
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Colors 


Homepage 

Web site color palette (home page) — www.bls.gov 
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Color Palette 


Color 


Palette is located at 



Web site color palette — www.bls.gov 
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Map Colors 

Map color palette — www.bls.gov 
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Images 

Required Information 

Include the following information on chart/graph/map files that are accessed via a link (in contrast 
to those that are embedded as an inline graphic within a release]: 

1. Title (including the reference period for which the data represents] - above the graphic 

2. Source Information - below the graphic 

a. U.S. Bureau of Labor Statistics 

b. Name of BLS program from which the data is produced (in contrast to the program 
authoring the data] 



Image Size 

Maximum pixel width for images posted on bls.gov is 720px. Suggested height is 480px. This allows 
the image will fit on screen in a two-column layout page in a 1024px by 768px browser window. 
Taller images are acceptable, but please keep them to a maximum height of 980px so the image will 
fit on one printed page. 
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Charts 

Guidelines for dynamic charts 


1. Allow charts to be printed separately. 

2. Provide summary information for dynamic graphs (to be read by assistive technology). 

For user-editable charts, create a descriptive summary that includes the following: 

a. Chart title 

b. Names of variables included in the chart 

c. Range of values for each variable in the chart 

3. Browser compatibility requirements. Application must be compatible with browsers 

utilized by the majority of end users. 

4. Style: Chart should be styled in accordance with visual stvleguide . 

5. Mouseover labels: 

a. Labels on line charts should be located in close proximity to the data point being 
referenced by the mouse, instead of a fixed location on the screen. 

b. Labels should be contained within a text box that is formatted consistently across all 
charts (e.g., a rectangular text box with rounded corners.) 

6. Legend display: 

a. When not selected, series items within the legend should be colored in "gray." 

b. Series items that are plotted in the chart should be formatted in a color that differs 
from those series that have yet to be plotted (i.e. those in gray) 

c. When mousing over a series item within the legend that is already plotted, the chart 
should emphasize the series item (i.e. by displaying the charted line with a heavier 
line weight) 
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Note: "BLS Feature” image MUST be 245px (wide) AND 195px (height). 



File Formats 

Images posted to bls.gov may be in the following formats: 

• GIF (Graphics Interchange Format) 

o Best for graphics such as graphs and charts 
o Extension: .gif 

• JPEG (Joint Photographic Experts Group) 

o Best for photos & continuous-tone images 
o Extension: .jpg 
o Quality: 80 

• PNG (Portable Network Graphics) 

o Best for graphics where 24-bit color is needed, such as charts with gradient fills. 
Also useful when complex alpha-channel transparency is required. 

o Extension: .png 
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Creating & Editing Web Pages 

File Names 

• Lower case 

• No spaces 

• Use up to 32 characters 

• No need to repeat program code in fde name 

• Spell out words; avoid non-standard abbreviations 

o Ok: inti, govt 
o Bad: rport 

• Separate words with underscores 

o annual_report.htm 

Downloading Web Pages 

• Save a Web page using Internet Explorer (v7.0) to your PC or server: 

• File menu - File > Save as : 

o Web page, HTML only (*.htm; *.html) 

• Important - Never save as: 

o "Web page complete (*.htm; * html]" 

• Edit the fde name to the original fde name; IE replaces the file name with the page title 

• Click on the "Save" button. 
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Previewing Pages 

• To preview pages, add the base tag inside the <head> tag of the page you are working on: 

<html> 

<head> 

<base href="https://www.bls.gov"> 

<title>Consumer Expenditure Survey</title> 

• Remove the base tag before submitted your file(s) to Web_Review for posting to the 
BLS website. 

• While the base tags is present in the file: 

o On-page links (those that start with the # symbol] will link to www.bls.gov. 
o Images will be displayed from www.bls.gov 
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HTML Files 

Browsers 

bls.gov supports the following web browsers: 

• Internet Explorer 6 or higher 

• Mozilla Firefox 2 or higher 

• Apple Safari 3 or higher 


HTML File Format 

• HTML 4.01 Transitional 

o Every Pages must start with the following document declaration: 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3.org/TR/html4/loose.dtd"> 

• Character Set: 

o Windows Western (iso-8859-1 ] 

o This is the character set used by Microsoft Office, so copying and pasting from Word 
and Excel will work. 

• Line Endings: 

o Windows (carriage return and line feed: \r\n) 

• Use tabs, not spaces for indenting 

• Case: 

o Lower-case tags and attributes 

• Line Length / Word Wrap 

o Lines can be unlimited length 

HTML Files Containing JavaScript 

Due to increased security vulnerabilities, pages containing non-standard (LABSTAT-approved] 
JavaScript must be submitted two weeks in advance to Web Review and Lab Update so they can be 
subjected to code review, testing, and validation prior to posting on the BLS website. This 
timeframe is required so the appropriate resources can be scheduled to conduct the review. 
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Basic Page 


< ! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional/ /EN" 

"http: //www.w3.org/TR/html4/loose. dtd"> 

<html> 

<head> 

<title>Title : Bureau of Labor Statistics</title> 

<i — **************************** ******Begin META TAGS ************************************** 
<meta name="description" content="A sentence describing the page."> 

<! --#include virtual="/ include/global/head .stm"--> 

< !--#include virtual=" /include/meta/bis .txt"--> 

< ! -~#include virtual=" /include/meta/your_programs_code .tXt"--> 

<!— ********************************* E nc j META TAGS **************************************** --> 
</head> 

<body> 

<!-- ********************************** Begin HEADER **************************************** --> 
< !--#include virtual="/ include/your-programs-code/your-programs-code_header_two_col .txt"--> 

<!-- ********************************** End HEADER ****************************************** --> 

<!-- ********************************** Begin CONTENT *************************************** --> 
<hl>Content Here</hl> 

<!-- ********************************** End CONTENT ***************************************** --> 

<!-- ********************************** TRAILER FILES *************************************** --> 
< !--#include virtual=" /include/your-programs-code/your-programs-code_footer_two_col .txt"--> 

< I -*****************************************************************************************************- > 

</body> 

</html> 


Required Page Content 

<hl>Add Header Here</hl> 

<p>Add Content Here</p> 

<p>&nbsp;</p> 

<p class="update"><strong>Last Modified Date: <strong> 
Today's Date Here</p> 


Optional Page Content 

The ordered list <0L> tag displays as a numbered list. 

<OL> 

<LI>Iteml</LI> 

<LI>Item2</LI> 

<LI>Item3</LI> 

<LI>Item4</LI> 

</OL> 


For bulleted items, use the unordered list style. For example: 


<UL> 

<LI>Iteml</LI> 

<LI>Item2</LI> 

<LI>Item3</LI> 

<LI>Item4</LI> 

</UL> 
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Text Styles 


<span 

<span 

<span 

<span 

<span 

<span 

<span 

<span 

<span 

<span 

<span 


class="updated">UPDATED</span> 
class="revised">REVISED</span> 
c1ass="important">IMPORTANT</span> 
class="new">NEW</span> 
class="other">OTHER</span> 
class="notice">NOTICE</span> 
class="emergency">EMERGENCY</span> 
class="message">MESSAGE</span> 
class="warning">WARNING</span> 
class="error">ERROR</span> 
class="highlight">HIGHLIGHT</span> 


Entities 


• Use "named entities" for special characters: 

• Common entities: 

o Em Dash: &mdash; 
o Curly Quotes: 

■ Left double quotation mark: &ldquo; 

■ Right double quotation mark: &rdquo; 

• Full List: 



Disallowed & Obsolete Tags 

Obsolete tags are also called "deprecated" tags. The following tags are deprecated in HTML 4.0, the 
BLS standard. 

<FONT>...</FONT> 

<NOBR>...</NOBR> 


Not only are font tags deprecated in HTML 4.0, there is no need to change the formatting of text on 
the bls.gov website. All text formatting can be achieved using tags such as heading (<hl> through 
<h5>], and paragraph (<p>] tags as well as the BLS text style classes. <CENTER>...</CENTER> 


Instead, apply the center attribute to the element you want to center: 


<p align="center">...</p> 

<table style="align: center">...</table> 

<div style="align: center">...</div> 

<U>...</U> 

Use an in-line style for underline: 

<span style="text-decoration: underline;</span> 
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Use <em>...</em> for emphasis instead of italics (<i>. . .</!>) 

Use strong <strong>...</strong> instead of Bold (<b>...</b>) 

Printer Friendly 

• Printer Friendly pages can be checked after uploading you document to 



Validate Your HTML 

• All HTML submitted to LABSTAT should be valid! 

• Test it here: 

o http://validator.w3.org/ 
o Note: DO NOT test embargo data online 

• Use Dreamweaver's Validation Function 

o Open the Results panel: Window -> Results 
o Click on the Validation Tab in the Results panel 
o Click the green play button 
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Page Layouts &Templates 

Page Layouts 

The 2008 Redesign introduced 3 page layouts: 

• 1 column 

• 2 column 

• 3 column 


Page layout can be changed by modifying the header & footer Server Side Include (SSI) 
The header SSI must always match the footer SSI 

One Column Layout: 


(i) UWTD r»TFS 0FWm«*T Cf l MKR 

"ti Bureau of Labor Statistics 


Labor Force Statistics from the Current Population Survey 
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Two Column Layout: 



Three Column Layout: 


® iMTfD stwes oowruw o» *«'■— 

B ureau of Labor Statistics 
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Labor Force Statistics from the Current Population Survey 
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Headers & Footers: SSI Syntax 


1 column: 


< ! --#include virtual="/include/nls/nls_header_one_col. txt"--> 
<!--#include virtual="/include/nls/nls footer one col.txt"--> 


2 column 

< ! --#include virtual="/include/nls/nls_header_two_col. 
<!--#include virtual="/include/nls/nls footer two col.txt"--> 
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3 column 

< ! --#include virtual="/include/nls/nls_header_three_col .txt"— > 
<!--#include virtual="/include/nls/nls footer three col.txt"--> 


Alternate Layouts 


Auto-Width Layouts 

There are 3 auto-width page layouts that are useful for pages containing wide content such as 
<pre> formatted text. 


1 column: 

< ! --#include virtual="/include/nls/nls_header_one_col _auto_width . txt"--> 
<!--#include virtual="/include/nls/nls footer one col auto width .txt"— > 


2 column 

< ! --#include virtual="/include/nls/nls_header_two_col _auto_width . txt"— > 
<!--#include virtual="/include/nls/nls footer two col auto width .txt"— > 


3 column 

< ! --#include virtual="/include/nls/nls_header_three_col _auto_width . txt"— > 
<!--#include virtual="/include/nls/nls footer three col auto width .txt"— > 


Express Layouts (Basic Layouts) 

There are 3 express page layouts that are useful for very long pages, pages that load slowly or very 
wide pages. These pages must be used with the alternate SSI Header includes to get maximum 
performance in the browser: 

First, replace the header: 

<!~#include virtual="/include/global/head.stm"-> 

With: 


< ! --#include virtual="/include/global/head_express .stm"— > 


1 column: 

< ! --#include virtual="/include/nls/nls_header_one_col_basic .txt"--> 
<!--#include virtual="/include/nls/nls footer one col basic .txt"— > 


2 column 

< ! --#include virtual="/include/nls/nls_header_two_col_basic .txt"--> 
<!--#include virtual="/include/nls/nls footer two col basic .txt"— > 


3 column 

< ! --#include virtual="/include/nls/nls_header_three_col_basic .txt"--> 
<!--#include virtual="/include/nls/nls footer three col basic .txt"--> 
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Web Enabled News Release - Regional News Release Template 


All regional news releases have been standardized. The official regional news release template is 
available at the following locations: 

HTML Version: 

Below are a few guidelines EA&I staff can follow when creating a news release using the template: 


1. Each regional news release page must be wrapped by a DIV ID called "nr" to identify that 
the product is a news release and therefore will be using news release specific style sheet 
classes. 


<!-- Begin Main Content --> 
<!— INSERT CONTENT HERE—> 

<div id="nr"> 


2. News Release Information box will be displayed vertically in the HTML version and 
horizontally in the PRINT version as long as authors use the following div ids: _ 


REQUIRED? 

DIV IDs 

Description 

YES 

<div id="secondary-content- 
float-outer"> 

News Release Information box 

YES 

1 


Heading, USDOL # & Release Date 

YES 

<div id="pdf link"> 

PDF version of the News Release 

YES 

<div id="contacts"> 

Contact Section 

NO 



Subscription Box 


<div id="secondary-content-float-outer"> 

<div id="secondary-content-float-inner" class="secondary- 
content"> 


<div id="nr info" 

U<h3>News Release Information 
<p id=usdl>PLS-xxxx</p>^^^J 

<p i d="embargo">Wednesday, May 11, 2011</p>| 


<div id="pdf_link"> 

<h4>PDF</h4ij 

<p><span class="f ootnotes " style="text-align : center"ximg 
src="/images/icons/icon small pdf.gif" alt="PDF version of the 
Chicago Area Employment" width="20" height="18"X/span> <a 
href="/ro5/ceschi.pdf" title="PDF version of the Chicago Area 
Employment">PDF version of the Chicago Area Employment</aX/p> 
</div> 

<div id="contacts"> 


</h3> 
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<h4>Contacts</h4> 

<span> 

<h6>Technical information :</h6> 


<ul> 


<1: 

<1: 

href="mailto 

l> (312) 353-1 88 0</li> 
L><a 


BLSInfoChicago@bls.gov">BLSInfoChicago@bls.gov</a></ 

li> 

<li><a href="/ro5">www .bis.gov/ro5</a></li> 

</ui; 

</ Spc 

<h6>t 

<ul> 

<1: 

> 

m> <span> 

ledia contact:</h6> 

l> (312) 353-1138</li> 



</ul> 



</div> 


Regional News Release Title Section must be wrapped by a DIV ID called "nr_title” to 
identify that this section is u nique for news releases. Author must use <H1> for the main 
title of the news release and <H4> for the sub-titles. 


<div id="nr title"> 


<hl>Chicago Area Employment 



<h4> 

Rate of employment loss 

</div> 



November 2010 </hl> 


slowed over the year </h4> 


4. For best results, it is highly recommended, the charts and graph images NOT exceed 
650 pixels in width. Also, all images must contain an ALT tag for 508-compliance. For 
example: 

<img src="/regions/ceschichartl.png" id="chartl" alt="Chart 1. Total 
nonfarm employment, over-the-year percent change in the United States 
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and the Chicago metropolitan area, March 2005-2011" height="402" 
width="650"/> 


5. Always wrap each paragraph in a <p>...</p> tag. 


6 . 

7. 


Use 



for section subheadin gs. For e xample, 

Industry employment^ 


Box Notes Section must be wrapped by a DIV ID called "box-note" to identify that this 
section is unique for news release box notes. 


<div class="box-note"> 

<p>BOX NOTE. This is an example box note style. This uses a div 
style that is page centered. Width can be a fixed value/percentage or 
full size of page. Border styles are linear. Box border and text are 
dark grey, background is light grey.</p> 

</div> 


8. Technical notes must use the <h3> tag with the class called "tech-note." 

Technical Note|fyh3> 

9. Add the closing </div> tags after the Main Content and before the last modified date and 
before the footer. 


<h3 class="tech-note"> 


<!-- End Main Content --> 


</div> 


<p>&nbsp;</p> 

<p class="update"Xstrong>Last Modified Date: 
</strong>August 4, 2011</p> 


</div> 

********************************************TRAILER 
FILES******************************************** --> 

<!--#include virtual="/include/ro5/ro5_footer_one col.txt"- 

-> 

< ! -- 

'k'k'kic'k'kicic'k-kieie'k'kic*'k'kicic'k'kicic'k'kicie'k'kicjc^c'kicic'k'kicjc'k'kicic'k'kicic-k'kic-k'k'kicic'k'k-kie'k'k-kic'k 
•k-k-k-k'k'k-k-k'k-k-k-k'k'k-k-k-k-k-k-k'k'k-k-k-k-k-k-k'k'k-k-k-k-k-k-k -> 

</body> 

</html> 
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Page Components 

The 2008 Web Redesign has introduced many new components. 


Examples are here: 



• Highlight Boxes 

• Content Boxes 

• Tab Boxes 

• Tab Sets 

• Two new table formats 

• Pop-up Layers 

• Tooltips 
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Tables 

bls.gov allows four different tables styles: 


• Simple 

• Simple Table Border 

• Matrix Table 

• TGS Tables, which can be produced two ways: 

o Table Generation System 
o Excel to HTML Wizard 


Table examples are here: 



BLS Table with no class name 

<table cellpadding="0" cellspacing="0" border="l">...</table> 



Column Heading 

Column Heading 

Row Heading 

Content 

Content 

Row Heading 

Content 

Content 


Simple Table 

<table class="simple-table">...</table> 

Simple table is used to layout content in a grid, when no border is needed: 

Column Heading Column Heading 
Row Heading Content Content 

Row Heading Content Content 


Simple Table Border 

< table cl as s=" simple -table-border ">...</ table> 

Simple table is used to layout content in a grid, when no border is needed: 



Column Heading 

Column Heading 

Row Heading 

Content 

Content 

Row Heading 

Content 

Content 
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Matrix Table 

<table class="matrix-table">...</table> 


1 Matrix Table 

Table Head 

Table Head 1 

Row Head 

col-b-head 

col-a 

col-a 

col-a-head 

col-b 

col-b 

col-b-head 

col-a 

col-a 

col-a-head 

col-b 

col-b 


Data Table 

LABSTAT Regular Tables (LRT] tables are a form of Section 508-compliant data tables. The class 
name for LABSTAT Regular Tables is "regular". 

<table class="regular">...</table> 

There are two ways to make LABSTAT Regular Tables, with the Excel to HTML wizard and with the 
Table Generation System (TGS]: 

1. Regular Tables Using the Excel to HTML Wizard 

Prepare an Excel file with the table on the first worksheet. Save your file as "Excel Workbook 
(.xlsx]". If you are creating more than one table, each table must be in a separate Excel file. Note: 
the fde name of the Excel file will be used to create unique table ids throughout your HTML table. 

Excel File Rules: 

• Do not add any special cell formatting, it will not show in the HTML 

• Do not merge cells 

• Remove empty rows and columns used for spacing 

• Row 1 is for the table title 

• Row 2 is for table headers 

• Column A is for column headers 

• The last rows of the table are footnotes & endnotes 

• Add left and right brackets [ ] around the footnotes, the converter will add links to the 
footnotes. 

• Depending on how the Excel file is formatted, the resulting HTML table can have any 
combination of endnotes and footnotes: 

o Footnotes only 
o Endnotes only 
o Both Footnotes & Endnotes 

• Use the word "Note:" after the table to indicate the beginning of the Endnotes 
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Example of an excel file: 


A 

B 

C 

D 

1 Title of the Table fpl 




2 Column 1 Header 

Column 2 Header [11 

Column 3 Header [21 

Column 4 Header [31 

3 




4 Row 1 Label 

11111 

11111 

11111 

5 Row 2 Label 

22222 

22222 

22222 

6 Row 3 Label 

33333 

33333 

33333 

7 t 




8 [1] Footnote #1 

9 [21 Footnote #2 


10 [31 Footnote #2 


11 [pi Preliminary _ 

To Convert the Excel File: 

1. Open the table wizard in your browser 

2. Click the “Browse ..." button and navigate to your Excel file 

3. Click the “Convert" button 

4. A table will appear as shown in the example below. If you receive an error, go to item 1 and 
ensure you are not missing any features of the excel file. 

5. Point your browser in the middle of the table in the LABSTAT Wizard. Right click on your 
mouse and select "View Source". It should bring up the file in Notepad. 

6. Copy the table code between the <!— BEGIN WIZARD OUTPUT —> and the <!— END WIZARD 
OUTPUT --> tags. 

7. Paste into your .htm file and save. 

8 . 


Example of how the table will appear in your .htm file. 


Title of the Table tat 




Column 1 Header 

Column 2 Header Lil 

Column 3 Header L2l 

Column 4 Header 

Row 1 Label 

mu 

urn 

urn 

Row 2 Label 

22222 

22222 

22222 

Row 3 Label 

33333 

33333 

33333 

Footnotes: 

(1) Footnote #1 

(2) Footnote #2 

(3) Footnote *2 
(p) Preliminary. 





Tips & Tricks to using the Excel-to-HTML Wizard: 

• To add indentation, manually insert non-breaking space (&nbsp;). 
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Excel 


A 

1 

Title of the Table [pi ~ 

! 2 

Column 1 Header S 

i 3 

X 

! 4 

Row 1 Label^^ r 

! 5 

&nbsp:&nbsp Row 2 Label 

| 6 

&nbsp:&nbsp: Row 3 Label 

7 


i 8 

[11 Footnote #1 


HTML 



Footnotes: 


• To force wrap your text in a cell, manually add line break tag (<br>). 


Excel 



__ M _ X 

Column 2 <br> 
Header [11 

Column 3 <TTr> 
Header [21 



11111 

11111 

22222 

22222 

33333 

33333 




HTML 



Column 2 

Column 3 >4’-' 


Header LU 

Header 12} 


mil 

mu 


22222 

22222 


33333 

33333 


2. TGS Tables Using the Table Generation System 

Your program can use TGS as a part of Unified Publication System (UPUBS) or as a part of a special 
project coordinated with LABSTAT. 



Sortable Data Table with Scrollable Fixed Headers 

NOTE: This function is only suitable for large data tables with multiple rows (< 50) & columns. 

1. Add the following class attribute, class=" display sortable_datatable fixed- 
headers" to your target table <table>. 

ctable class="display sortable_datatable fixed-headers"> 
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NOTE: This function is may be used in combination with the data table sort table /filterable by 
using "hide/show" functions used on the regional news release finder page 
(https://www.bls.gov/regions/news release finder.htm) mentioned below. 


Sortable/Filterable Data Tables Using "Hide/Show" Functions 

NOTE: This function is only suitable for large data tables with multiple rows (< 50) & columns. (See 
Regional News Release Finder page: https://www.bls.gov/regions/news release finder.htm ) 

1. Add the appropriate JavaScript & style sheet Server Side Includes (SSI) to use in your data 
table: 

<!-- ****************************************** End META TAGS 
*********************************************** ->. 

<!-_ ************************************* Begin SORTABLE TABLE TAGS 
**************************************** --> 

<script type="text/javascript" src="/javascripts/jquery.dataTables.min.js"X/script> 

<script type=" text/javascript" src="/javascripts/sortable_datatable . js"X/script> 

<script type="text/javascript" 

src="/javascripts/sortable_datatable/news_release_finder.js"X/script> 

Clink href="/stylesheets/datatable.css" media="all" rel="Stylesheet" type="text/css" ■ 

<!__ *************************************** En d SORTABLE TABLE TAGS 
**************************************** —x/head> 

2. Add the following class attribute, class="display sortable_datatable" to 
your target table <table>. 

<table class="display sortable_datatable"> 

or 

<table border="l" cellspacing="0" cellpadding="0" id="eag usl" class="regular 

display sortable_datatable"> 


3. Create the second <tr> child inside the <thead> and add class="sort_row". 

<thead> 

<tr> 

<th>State</th> 

<th>Subject</th> 

<th>Title (HTML Link)</th> 

<th>PDF Link</th> 

</tr> 

B class="sort row"> 

<td> </td> 

<td> </td> 

<td> </td> 

<td> </td> 

</tr> 


4. For each <td> you can add the following classes to customize your data table: 
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• dropdown_sort: Adds a dropdown box that acts as a more filtered search for the table 
columns. 3 

<tr class="sort row"> 

<td class="dropdown_sort"X/td> 

<tdx/td> 

<tdx/td> 

<tdx/td> 

</tr> 

Note: If more than one drop-down sort box is used, then its filtering would be nested, meaning a table 
row must have both selected items from both drop-down sort boxes in order to be shown. 


• dropdown_w[number]: This is the width of the dropdown box. Simply replace the [number] 
with an actual pixel-based width. 

<tr class="sort row'd 

<td class="dropdown sort"x/td> 

<td class="dropdown_sort dropdown_wl30"X/td> 

<tdx/td> 

<tdx/td> 

</tr> 

• right, left, center: Align table column elements to the right, left or center. 

<tr class="sort row'd 

<td class="dropdown sort center"x/td> 

<td class="dropdown sort dropdown wl30 right"X/td> 

<td class="left"x/td> 

<td class="center"X/td> 

</tr> 

• disable_sort: This disables the alphabetical/numerical sorting of the table column. 

<tr class="sort row'd 

<td class="dropdown sort center"X/td> 

<td class="dropdown sort dropdown wl30 left"x/td> 

<td class="left"x/td> 

<td class="disable sort center"X/td> 

</ tr> 


Note: The sort option is refers to the up/down arrows that appears in the column heading. 



• show_all: on initial load will show all values. 


<tr class="sort_row show_all"> 

<td> </td> 

<td> </td> 

<td> </td> 

<td> </td> 
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</tr> 


• show_[number]: on initial load will show [NUMBER] values. 

<tr class="sort_row show_25"> 

<td> </td> 

<td> </td> 

<td> </td> 

<td> </td> 

</tr> 


• sort_type_[sort_type]: sorts table column based on [sort_type]. 


<tr class="sort row"> 


<td 

<td 

<td 

<td 

</tr> 


class="dropdown sort center"x/td> 
class="dropdown sort dropdown wl30 left"x/td> 
class="left"X/td> 

class=" right sort type alpha numeric"X/td> 


Note: There are different kinds of sorting functions available. Below illustrates a few of them: 


o alphanumeric: This is the most robust out of all primitive sorting types. This 
will attempt to keep all string-based and numeric-based data types sorted together. 

■ Expected column data: anything 

■ Should be able to handle most data types, assuming the sorting is done 
through natural order (A-Z, 0-9], 

o title_numeric: Custom sort which allows user to add a number as the title 
around a surrounding html tag. This number will then be sorted on. 

■ Expected column data: <span title=”number to be sorted”>some 
text</span> 

■ Great for custom sorting. For example, sort the highest education 
level. 

o title_string: Custom sort which allows user to add a string as the title around a 
surrounding html tag. This string will then be sorted on. 

■ Expected column data: <span title=”string to be sorted">some text</span> 

■ Great for custom sorting. 

o percent: strips percent sign and sorts based on number 

■ Expected column data: 5% 

■ This has not been thoroughly tested. 

o currency: strips dollar sign and sorts by number assuming decimal places are 
similar throughout the dataset 

■ Expected column data: $10.20 

■ This can be buggy with mixed data types. 

o string: sorts as a string. If a number is present it will treat the number as a 
string. 

■ Expected column data: hello 

■ This can be buggy with mixed data types, 
o html: Strips all html and sorts the contents inside. 

■ Expected column data: <p>some text to be sorted by</p> 
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■ This can be buggy with mixed data types. 

o numeric: sorts as a number. If a string is present it will treat the number as a 
number. 

■ Expected column data: 99 

■ This can be buggy with mixed data types. 

o date: sorts based on date time in the mm/dd/yyyy hh:ss:mm format. 

■ Expected column data: 04/05/1986 00:00:00 

■ This has not been tested thoroughly but comes standard with the 
datatables.js 

Note; If any sorting functions are not working properly, please try the alphanumeric sorting or the 
title_string or title_numeric implementations. These are the best out of the bunch and should handle 
cases where the column data is not the same primitive type. 
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Navigation & Site Structure 

Top Drop-Down Menu 

• Global drop-down navigation menu displays everything for a particular subject area at 
once-no scrolling 

Side Menus 

• Side menus are called "flyouts" 

• 2 nd set of side menus can be customized 

• Side menu file location: 

o /cps/content/cps_secondary_nav.stm 
o (substitute cps for with your program's abbreviation] 


URLs 

What’s a URL? 

• URL is short for Uniform Resource Locators. It is a naming, or "addressing" system that 
helps users locate a site on the World Wide Web. 

The URL has 3 parts: 

PROTOCOL /ERVER DIRECTORY 

DOMAIN PATH 

http://www.bls.gov/opub/mlr/archive.htin 

Protocol: 

• HTML documents are accessed using HTTPS protocol. Other protocols are ftp & http 

Server Name: 

• The internet address of the computer where the file is located, which has two parts: 

• " www" is the Host Name of our web server 

• "bls.gov" is our Domain Name 

Path: 

• /opub/mlr/archive.htm is the path and filename of your document. The document 
archive.htm lies in the mlr sub-directory which lies in the opub directory which resides in 
the BLS web server. 
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BLS URL Format 

BLS on-site URLS are relative to site root: 

Correct: 

<a href="/spotlight/ 2008 /older_workers/"> 

Incorrect (relative to document): 

<a href=" .. /2008/older workers/"> 

Incorrect (absolute): 

<a href="https : //www . bis . gov/spotlight/older workers/"> 

Drop the default document: 

Correct: 

<a href="/spotlight/2008/older workers/"> 

Incorrect: 

<a href="/spotlight/2008/older workers/home . htm"> 

When should 1 use Absolute URLs? 

Absolute URLs are essential when linking to documents residing outside of the BLS web server 
because browser cannot locate a file on the Web unless it knows the site's exact location. 

How do I test relative links? 

There are two ways to test relative links to files already on the BLS website: 

You can put the following line: 

<base href="https :/ /www.bis .gov"> 

after the opening HEAD tag (<head>). Then save the file and test the links. Once the file has been 
tested, be sure to remove following line <base href="https://www.bis.gov">before submitting the fde 
to Web_Review 

If you are not comfortable editing HTML code directly, you can follow this alternative procedure to 
check relative links. You can enter the absolute links into the file at first, and test the file. Then be 
sure to remove "https://www.bls.gov" from the links before submitting the file to Web_Review. 

Note: It can be tricky to test links to a new file, so contact LABJJpdate if you have questions about 
whether your links to a new file will work. 
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Use Descriptive Link Text 

Link text is the words between the <ax/a> tags 

Good: 

<a href="/xyz/unemployment_metro_table_sept_2008.htm"> 
Unemployment Rates for Metropolitan Areas, Sept. 2008</a> 

Bad: 

<a href="/xyz/tablel23,htm">Click Here</a> 

<a href="/xyz/tablel23.htm">Table l</a> 

Links to non-html files should contain the file format: (PDF) 


Include the File Format in the Link Text 

Uses the title attribute on the (PDF) and (Excel) links: 

Unemployment Rates for Metropolitan Areas. Sept. 2008 (PDF) f XLS ] 

<a href="/xyz/unemployment_metro_table_sept_2008.htm"> 
Unemployment Rates for Metropolitan Areas, Sept. 2008</a> 

(<a href="/xyz/unemployment_metro_table_sept_2008.pdf 
title="Unemployment Rates for Metropolitan Areas, Sept. 2008">PDF</a>) 
(<a href="/xyz/unemployment_metro_table_sept_2008.xls" 
title="Unemployment Rates for Metropolitan Areas, Sept. 2008">XLS</a>) 

PDF 

List the file size for PDF files over 1 megabyte 


Use IDs instead of named anchors. 

When possible, use the following syntax when creating an anchor for an in-page link: 
Better: 

<h3 id="anchor-name">Heading Text</h4> 

Not: 

<h3><a name="anchor-name"> Heading Text</a> </h3> 
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BLS Website Page Sections 


Home Page 

Abstract text must be 250-300 characters. 

Feature text must be (with spaces and does not include "read more: link): 


BLS FEATURE 

1 line title 

2 line title 

Title 

30-34 

64-67 

Text 

166-169 (4 lines) 

120-124 (3 lines) 


Note: Feature image MUST be 245 px (width) AND 195 px (height). 


<D UNITED STATES DEPARTMENT OF LABOR 

^ Bureau of Labor Statistics 


A to l Index I Me Hap I FAQ* | t 


Subject Areas * Databases & Tools v Publications * Economic Releases v Beta v 


18 


18 


Nov 18 Gross job losses at a series low of 6.4 million in March 2010. but still 
exceed job gains. 

From December 2009 to March 2010 the number of gross job gains from opening and 
expanding private sector establishments decreased to 6.1 million. Over this penod, gross job 
losses from dosing and contracting private sector establishments fell to a senes-low of 6.4 
million. 

HTML | PDF 



ll/li/2010 

11 / 17/2010 

11 / 12/2010 

11 / 16/2010 

11/12/2010 


Multifactor Prodi^th/ity Trends in Manufacturing 

In 2008, multifactorlfoductlvity decreased at a 0.7 annual rate In the manufacturing sector, 
grew 0.3 percent mlhe durable manufacturing sector, and fell 1.6 percent the nondurable 
manufacturing sectoi^|^all three sectors, multifactor productivity n the 

HTML | PDF 

Abstract Text 

Consumer Price Index 
Real Earnings 
Mass Layoffs (Monthly) 

Producer Price Index 
Extended Mass Layoffs (Quarterly) 

reed mor* ■ 


Feature Text 


REGIONAL PRODUCTS . 



Mid-Atlantic: 

Employment growth in Arlington ranks third m the 
Nation 


focus ON PRICES 


AND SPENDING 




Current Price Topics: The Use of 
the CPI in Social Security Cost-ot- 

I Living Adjustments (COLAs) 

Social Security cost-of-living adjustments 
(COLAs) are tied to changes in the 
Consumer Pnce Index. 

rtad mor* » 


1 2 3 4 5 


LATEST NUMBERS 


Consumer Price Index (CPI): 

*0 1% « Sap 2010 

Unemployment Rate: 

9 5% n Jun 2010 


i w.-ii 

* H 

X* SI 
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SEO: Search Engine Optimization 

The following techniques will improve bls.gov website pages results in Google and other search 
engines: 

• Use proper heading tags: 

o Correct: <h3>Heading text</h3> 

o Incorrect: <p style="font-size : 120%">Heading</p> 

• Use meta description in head: 

o <meta name="description" 

content="A sentence describing the page."> 

• Keywords are not useful for Google result ranking, but may be helpful for other search 
engines 

• Page titles: no more than 70 characters 

• Adding a paragraph of descriptive text before the table to pages that only contain table(s] 
will enhance searchability 

Beginners guide to search engine optimization: 

o http://www.seomoz.org/article/beginners-guide-to-search-engine-optimization 
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Web Pages Files Other Than HTML 

PDF Files 


Adobe Acrobat 

Note: When saving the file using Adobe Acrobat vlO.O Pro or better, the default is PDF version 1.5. 

Stepl: Enter Title and Author 

o Save as PDF version 1.5 (Acrobat v6] 

o From the Menu bar: File -> Properties 

o Type in a descriptive title for search engine results. 

o The author field should contain "U.S, Bureau of Labor Statistics. It should not contain a 
name (except in cases where that name is listed as the author in the contents of the 
document] 

o Note the PDF version number, it must be 1.5. 
o Click the "OK" button, 
o Do not use any PDF security 

Step2: Convert your document to PDF Version 1.5 (Acrobat v6] 

o From the Menu bar: File -> Save -> As -> Reduce Size PDF 

o If you are using Adobe Acrobat vll.O Pro, from the Menu bar: File -> Save -> As Other -> 
Reduce Size PDF 

o Select the Acrobat Version Compatibility: "Acrobat 6.0 and later" 
o Click the "OK" button. 

Additional information on creating PDF files is available at: 
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Spreadsheets 

Excel Version: 

"Microsoft Office Excel 2013" is the BLS standard. 

[With your file open, click File ->Select a Destination->Save As->Excel Workbook (*.xlsx] from the 
drop-down list] 

Edit the Properties & add a title so the document title displays search engine results: 

• Format: [Title] [XLS] 

• Example: Unemployment Rates for Metropolitan Areas, Sept. [XLS] 

There is no need to edit any other Excel Properties, but you may set the company field to "U.S. 
Bureau of Labor Statistics". There are other fields, such as subject and author, which may be helpful 
to your customers. 

Turn off any tracked changes and any personal information using Excel 2013: 

• Before you save your file for the last time before submitting it to Web Review 

• On the Tools menu, click Options, and click the Security tab 

• Select the Remove personal information from file properties on save check box 

• Save the document 

Turn off any tracked changes and any personal information using Excel 2013: 

• On the Office menu, click Prepare, and Inspect Document 

• Click Inspect and follow the instructions 

• Save the document 

Note: There is no longer a requirement to ZIP Excel files. 

Presentations 

• PowerPoint files containing charts or maps should be converted to PDF. (In general, 
PowerPoint presentations for meetings or conferences are not posted to the BLS website.] 

Multimedia 

Video 

• Video must be encoded to Flash version 8 

• Must include close caption text for section 508 compatibility 

• A transcript must accompany the video for section 508 compatibility 

Audio 

• A transcript must accompany audio files for section 508 compatibility 
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• MP3 file format: 

o 128 kbps Stereo / 64 kbps Mono 
o 16bit 

o 44.1 kHz sample rate 


Text Files 

Text files on Bls.gov are formatted with the following settings 

General Settings 

• Character set: Latinl (ISO-8859-1] 

• Line returns: Windows (CR+LF] 

• Max file size: 4GB 

New Release Files 

• 80 Characters per line 

Data Files: 

• Tab-separated values 

• Text in double-quotes 

• Escape character: \ 


Version 3.1 (revised 10/14/2015) 

Page | 48 



H BLSWEBSTYLEGUIDE 


Dreamweaver 

Adobe Dreamweaver is the BLS standard Web page editor 

Dreamweaver Preferences 
Code Format 
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Document Defaults 



Dreamweaver Techniques 

Use Dreamweaver to validate your HTML 

All HTML pages submitted to LABSTAT should be validated. 

• Window->Results 

• Validation Tab 

• Click the green arrow (play button] to validate 


Use Dreamweaver to"pretty-print”your HTML 

Printing-printing formats your HTML code by indenting each nested tag by one tab. 

• Commands-> Apply Source Lormatting 

Use Dreamweaver to clean up your HTML 

• Commands-> Clean up HTML 
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Dreamweaver Sites 

If you use Dreamweaver sites, and use Dreamweaver Templates & Libraries, you must remove all 
Dreamweaver special markup before submitting your files to LABSTAT, 

In Dreamweaver: 

• Commands -> Clean up HTML -> 

• Check "Dreamweaver special markup" 

• Click OK. 

Use Dreamweaver to Convert Word Documents to HTML 

If you would like to preserve the formatting you have applied to your document in Word, such as 
headings, bolds and italics, you may use Dreamweaver as a time-saving tool. 

• Use Dreamweaver's Word import filter 

o Lile -> Import -> Word Document 

• Use Dreamweaver's smart paste command 

o Edit-> Paste Special... 

o Select "Text with Structure plus basic formatting" 
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Microsoft Office 

Techniques for Microsoft Word 

"Microsoft Office Word 2013" is the BLS standard. 

Turn off smart quotes in Word 2013: 

• Click on File -> Options ->Proofing ->Auto Correct Options button ->AutoFormat Tab 

• AutoFormat As You Type tab-> Replace as you type 

o Uncheck "Straight quotes" with "smart quotes" 
o Click "OK" 
o Click "OK" 



Turn off smart quotes in Word 2013: 

• Tools-> Auto Correct Options 

• Turn off AutoFormat as you type 

o Uncheck "Straight quotes" with "smart quotes" 
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Tracking BLS Web Site Visitors: 

"Web Analytics" 

LABSTAT runs the Urchin software which displays statistical information about bls.gov web site 
visitors. 



Find information about your program's visitors 

• On the left-side menu, click: 

o Pages and Files 
o Directory Drilldown 
o Directory by Pages Drilldown 

• In main content section of the screen, click on your program's folder 

• Customize the report: 

o Set "# Shown" to 100 

o Modify the Data Range in the lower left box; the default range is the current week. 


^Urchin 


Reports 

r' 

► T raff ic 

T Pages & Files 

• Requested Pages 

• Downloads 

Page Query Terms 

• Posted Forms 
Status and Errors 

El All Files 

El Directo™Drilldown^^^^^^^^ 
Directory by Pages Drilldown 
• Directory by Files Drilldown 
Directory by Bytes Drilldown 
El File Types 
I* Navigation 

► Referrals 

I* Domains & Users 

► Browsers & Robots 


Date Range 

r 

i 2008 ► 

Jan Feb Mar Apr May Jun 
Jul Aug Sep Oct Nov Dec 


Sun Mon Tue Wed Thu Fri Sat 


4 

28 29 30 

01 02 03 04 

4 

05 06 07 08 09 10 11 

4 

12 13 14 

15 16 17 18 

4 

19 20 21 

22 23 24 25 

4 

26 27 28 

29 30 31 01 


r Enter Range 



Aggregated & historical data is available on the LABSTAT intranet: 
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Revisions 

Major revisions to the BLS Style Guide are listed in the table below. Some minor revisions and or 
corrections may also be included, but not mentioned. 


Name 


Date 


Reason For Changes 


Version 


Simmons, Reginald 


Simmons, Reginald 
Simmons, Reginald 
Simmons, Reginald 

Simmons, Reginald 
Simmons, Reginald 

Simmons, Reginald 
Simmons, Reginald 

Simmons, Reginald 


December 7, 2010 
July 20, 2011 


September 13, 2011 
Februaiy 6, 2012 


February 8, 2012 
April 2, 2013 


May 16, 2013 
November 12, 2013 


January 28, 2014 


Added requirements for: 

• BLS Feature (See page 6) 

• Factoid (See page 6) 

• Grid Slots (See page 6) 

• Headline Titles (See page 6) 
Added new colors for: 

• BLS Homepage (See page 14) 

• Color Palette (See page 15) 

• Maps (See page 16) 

Page Layouts & Templates: 

• Layouts (See page 25) 
Updated Table Wizard location: 

• Tables (See page 34) 

Added guidelines for Web Enabled 
News Release (See page 28) 

Updated Note regarding the HTML 
wizard to state XLSX format is NOT 
allowed (See page 42) 

Added guidelines for dynamic charts 
(See page 18) 

Updated table wizard location and 
documentation to include VPN- 
friendly website address. 

Added requirement re: non-standard 
JavaScript code submissions 

Updated Data Tables sections with 
instructions for creating 
sortable/filterable & scrollable fixed 
headers for data tables (See page 37) 

Updated link to "Regular" table 
wizard. 

Added MS 2013 as the BLS Standard 


3.0 


3.1 
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Name 

Date 

Reason For Changes 

Version 

Galloway, Robbin 

October 14, 2015 

Updated Web Pages Files Other Than 




HTML (PDF Files Section) 
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